.notification-container {
	position: fixed;
	top: 64px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9;
	display: flex;
	background-color: var(--color-bg);

	.notification-centre {
		display: flex;
		flex: 1 0 0;
		flex-direction: column;
		background: var(--color-bg-2);

		.content {
			flex: 1 0 0;
			margin: 0 1.5rem 1.5rem 1.5rem;
			padding-bottom: 1.25rem;
			overflow: auto;
			background-color: var(--color-bg-1);
			border-radius: 2px;

			.toolbox {
				display: flex;
				align-items: center;
				margin-bottom: 1rem;
				padding: 0 1.5rem;
				padding-top: 1.25rem;

				.host-filter-input {
					width: 17.25rem;
				}

				.search-icon {
					color: var(--color-4);
					cursor: pointer;
				}

				.select-container {
					display: flex;
					flex: 1 0 0;
					align-items: center;
					justify-content: flex-end;

					.select {
						width: 11.5rem;
						margin-right: 1rem;
					}

					.check-box {
						color: var(--color-text-2);
					}
				}

				.actions {
					display: flex;
					flex: 1;
					align-items: center;
					justify-content: flex-end;

					button {
						margin-right: 1rem;
					}
				}
			}

			.table {
				margin: 0 1.5rem;

				td,
				th {
					height: 3rem !important;
				}

				.link {
					color: var(--color-text);
					text-decoration: none;
					cursor: pointer;

					.text {
						max-width: 27.5rem;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						word-break: break-all;
					}
				}

				.link:hover {
					color: var(--color-4);
				}

				.high-light {
					color: var(--color-4);
				}

				.mark-icon {
					width: 0.5rem;
					height: 0.5rem;
					margin-right: 0.25rem;
					color: var(--color-4);
					vertical-align: middle;
				}

				.actions {
					display: flex;
					flex: 1;
					align-items: center;

					.btn {
						margin-right: 1rem;
					}
					.disabled {
						margin-right: 1rem;
						cursor: not-allowed;
						filter: grayscale(1) opacity(0.6);
						pointer-events: none;
						&:hover {
							--btn-text-color: var(--color-text-2);
							--btn-bg-color: var(--color-bg-1);
							--btn-border-color: var(--color-border-1);
						}
					}
				}
			}
		}
	}

	.delete-message {
		display: flex;
		flex-direction: column;
		align-items: center;

		.notice-icon {
			width: 3rem;
			height: 3rem;
			margin-bottom: 0.5rem;
			color: var(--color-warning);
		}
	}
}

.plr24 {
	padding: 0 24px;
}
.pt16 {
	padding-top: 16px;
}
.tar {
	text-align: right;
}
.empty2 {
	border: none;
	min-height: 210px;
}
